<template>
	<view id="app">
		<view class="container fdc">
			<view  class="df fdc bgw mb20  ptb15">
				<view class="df w100p aic plr15 bdb1s brcce pb20">
					<view class="wh140 mr20">
						<uv-avatar :src="avatar" size="140rpx"></uv-avatar>
					</view>
					<view class="f1 df fdc mb20">
						<view class="c000 f30 fw8 ptb20">马师傅</view>
						<view class="df jcl thd">
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15">专业岩板</view>
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15">专业技能证书</view>
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15 ">10年经验</view>
						</view>
					</view>
				</view>
				<view class="mt20 df fdc">
					<view class="plr15 f28 c666">施工案例</view>
					<view class="mt20 w100p pl10">
						<uv-album :urls="list" keyName="url" singleSize="690rpx" multipleSize="230rpx"  space="10rpx" :showMore="false"></uv-album>
					</view>
				</view>
			</view>
			
			<view  class="df fdc bgw mb20  ptb15">
				<view class="df w100p aic plr15 bdb1s brcce pb20">
					<view class="wh140 mr20">
						<uv-avatar :src="avatar" size="140rpx"></uv-avatar>
					</view>
					<view class="f1 df fdc mb20">
						<view class="c000 f30 fw8 ptb20">马师傅</view>
						<view class="df jcl thd">
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15">专业岩板</view>
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15">专业技能证书</view>
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15 ">10年经验</view>
						</view>
					</view>
				</view>
				<view class="mt20 df fdc">
					<view class="plr15 f28 c666">施工案例</view>
					<view class="mt20 w100p pl10">
						<uv-album :urls="list" keyName="url" singleSize="690rpx" multipleSize="230rpx"  space="10rpx" :showMore="false"></uv-album>
					</view>
				</view>
			</view>
			
			<view  class="df fdc bgw mb20  ptb15">
				<view class="df w100p aic plr15 bdb1s brcce pb20">
					<view class="wh140 mr20">
						<uv-avatar :src="avatar" size="140rpx"></uv-avatar>
					</view>
					<view class="f1 df fdc mb20">
						<view class="c000 f30 fw8 ptb20">马师傅</view>
						<view class="df jcl thd">
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15">专业岩板</view>
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15">专业技能证书</view>
							<view class="bgwaring ptb10 f22 cw plr15 br15 mr15 ">10年经验</view>
						</view>
					</view>
				</view>
				<view class="mt20 df fdc">
					<view class="plr15 f28 c666">施工案例</view>
					<view class="mt20 w100p pl10">
						<uv-album :urls="list" keyName="url" singleSize="690rpx" multipleSize="230rpx"  space="10rpx" :showMore="false"></uv-album>
					</view>
				</view>
			</view>
		</view>
		<view class="wh80"></view>
		
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
				courseimg:this.util.config.host+"/static/images/1.jpg",
				
			}
		},
		onLoad(){
			this.getlist();
		},
		methods: {
			getlist:function(){
				let that = this;
				this.request({
					url: '/api/index/city'
				}).then((res)=>{
					if(res.code == 200){
					that.indexList = res.data.index;
					that.itemArr = res.data.value;
					}
				})
			},
			
		}
	}
</script>
<style lang="less" scoped>
	.item-top{height:432rpx;image{border-radius:15rpx 15rpx 0 0 ;}}
</style>
